<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World   --by wanghongbin</title>
    <script src="static/js/index.js"></script>
    <script src="static/js/vue.js" charset="utf-8"></script>
</head>
<body>
    What do you think other people notice about you first?
    <form action="/login">
        <input name="user_name" type="text"/>
        <input name="user_pwd" type="text"/>
        <button type="submit">SUBMIT</button>
    </form>
    <label>请输入图片名字:n0.jpg a0.jfif</label>
    <input id="img_name" type="text"/>
    <button type="button" onclick="show_img_by_name()">SUBMIT</button>
<div id='vue_div'>
    <img id='img_id' :src="img_url">
</div>

<script type="text/javascript">
    let vm = new Vue({el:'#vue_div',
    data:{
        img_url_data:'static/img/n0.jpg'
    },
    computed:{
        img_url:function(){
            return this.$data.img_url_data;
        }
    }
    });
    function a(){
       //vm.$data.img_url_data = 'static/img/a0.jfif';
    };
</script>
</body>
</html>